<template>
	<div class="sec-top">
		<a class="btn btn-sm btn-primary" v-link="{path: '/'}">返回{{activityName}}活动</a>
		<!-- <button class="btn btn-sm btn-primary" @click="addFakeRecord()">新增假中奖记录</button> -->
		<vue-fake-record :show-fake-add.sync = 'showFakeAdd' :activity-id = 'activityId'></vue-fake-record>
	</div>
	<table class="table table-bordered table-hover">
	  <caption>{{activityName}}活动的假奖品列表</caption>
		<thead>
			<tr>
				<th class="col-sm-3">中奖手机号码</th>
				<th class="col-sm-5">奖品名称</th>
				<th class="col-sm-2">中奖率</th>
				<th class="col-sm-2"></th>
			</tr>
		</thead>
		<tbody>
			<tr v-for="record in fakeList">
				<td>{{ record.phone }}</td>
				<td>{{ record.name }}</td>
				<td>{{ record.rate }}</td>
				<td class="text-right">
					<button class="btn btn-sm btn-primary" @click="romoveFake(record.id)">删除</button>
				</td>
			</tr>
		</tbody>
	</table>
	<vue-pages :pages.sync="pages" :get-list="getList"></vue-pages>
</template>
<script src="./fake-records.js"></script>
